<template>
  <div class="home">
    <!-- header start -->
    <header>
      <div class="w">
        <div class="logo">
          <img src="../assets/logo.png" alt="">
        </div>
        <nav>
          <span class="iconfont icon-location"></span> 广东
        </nav>
      </div>
    </header>
    <!-- header end -->

    <!-- section start -->
    <section>
      <article>左侧导航栏</article>
      <main>
        <div class="js_fs_row">搜索、主导航、购物车</div>
        <div class="js_fs_col1">轮播</div>
        <div class="js_fs_col2">满减</div>
        <div class="js_fs_col3">个人中心</div>
      </main>
    </section>

    <!-- section end -->

    <!-- footer start -->

    <!-- footer end -->
  </div>
</template>

<script>
export default {
  name: 'home'
}
</script>

<style scoped lang="scss">

  .logo {
    width: 190px;
    height: 170px;
    border-bottom: 1px solid #ededed;
    background: url('../assets/logo.png') no-repeat 0 0;
  }
</style>
